﻿<!DOCTYPE html>
<html>
<head>
    <title>BombermanJS</title>
	<meta charset="utf-8" />
	<link rel="stylesheet" href="build/assets/css/bootstrap.css" type="text/css" />
	<link rel="stylesheet" href="build/assets/css/font-awesome.min.css" type="text/css" />
	<link href="https://fonts.googleapis.com/css?family=Baloo+Tamma" rel="stylesheet">
	<link rel="stylesheet" href="build/assets/css/animate.css" type="text/css" />
	<style>

		h1 {
			font-family: 'Baloo Tamma';
			font-size: 50px;
		}

		body {			
			text-align: center;
		}

	</style>
</head>
<body>


	<img src="build/assets/gfx/ui/bomberman-icon.png" style="width: 200px; padding-top: 30px;" class="bounceIn animated" />
	<h1 class="fadeIn animated">BomberJS</h1>
	<h3 class="fadeIn animated" style="margin-top: -15px;">A work-in-progress Bomberman clone in javascript</h3><br /><br />

	<div class="container">

		<div class="well flipInX animated">

			<strong>Demo is current DEBUG build</strong><br />
			~ <kbd>WASD</kbd> keys to move, <kbd>space</kbd> to drop bomb. AI bomber will probably die quickly! ~ <br /><br />

			<a href="build/index.htm" class="btn btn-primary">Play demo</a><hr />

			<div class="row" style="text-align: left;">
				<div class="col-sm-4">
					<div class="media">
						<div class="media-left">
							<i class="fa fa-html5 fa-3x"></i>
						</div>
						<div class="media-body">
							<h4 class="media-heading">Phaser game library</h4>
							Fantastic open-source web game engine
						</div>
					</div>
				</div>
				<div class="col-sm-4">
					<div class="media">
						<div class="media-left">
							<i class="fa fa-code fa-3x"></i>
						</div>
						<div class="media-body">
							<h4 class="media-heading">Typescript</h4>
							Built in Typescript, compiled to Javascript
						</div>
					</div>
				</div>
				<div class="col-sm-4">
					<div class="media">
						<div class="media-left">
							<i class="fa fa-github fa-3x"></i>
						</div>
						<div class="media-body">
							<h4 class="media-heading">Github</h4>
							<a href="https://github.com/DrummerSi/BomberJS">Source on Github</a>
						</div>
					</div>
				</div>
			</div><br /><br />

			<div class="row" style="text-align: left;">
				<div class="col-sm-4">
					<div class="media">
						<div class="media-left">
							<i class="fa fa-connectdevelop fa-3x"></i>
						</div>
						<div class="media-body">
							<h4 class="media-heading">PathFinding.js</h4>
							Excellent JS-based <a href="https://github.com/qiao/PathFinding.js">path finding library</a>
						</div>
					</div>
				</div>
				<div class="col-sm-4">
					<div class="media">
						<div class="media-left">
							<i class="fa fa-bomb fa-3x"></i>
						</div>
						<div class="media-body">
							<h4 class="media-heading">Based on 90's game, Mr Boom.</h4>
							<a href="https://github.com/dpxcc/mrboom30">ASM source code</a>  |  <a href="http://mrboom.mumblecore.org/">Info</a>
 						</div>
					</div>
				</div>
				<div class="col-sm-4">
					<div class="media">
						<div class="media-left">
							<i class="fa fa-reddit-alien fa-3x"></i>
						</div>
						<div class="media-body">
							<h4 class="media-heading">Contact me through Reddit</h4>
							<a href="https://www.reddit.com/message/compose/?to=drummer_si">/user/drummer_si</a>
						</div>
					</div>
				</div>
			</div>


		</div>
	</div>

</body>
</html>
